body {
  background-color: #f8f8f8;
}
header {
  img {
    width: 100%;
    height: 51.7333vw;
  }
  .to {
    position: absolute;
    top: 16vw;
    left: 5.3333vw;
    width: 60.8vw;
    height: 19.7333vw;
    // background-color: skyblue;
    .sum {
      position: absolute;
      top: 0;
      left: 0;
      width: 19.7333vw;
      height: 19.7333vw;
      border-radius: 10vw;
      // background-color: #fff;
      overflow: hidden;
      img {
        width: 100%;
        height: 100%;
      }
    }
    .sun {
      position: absolute;
      top: 0;
      right: 0;
      width: 35.2vw;
      height: 19.7333vw;
      text-align: center;
      padding-top: 2.1333vw;
      p {
        float: left;
        font-size: 6.6667vw;
        font-weight: 700;
        color: #c59a46;
      }
      span {
        float: left;
        margin-top: 2.6667vw;
        color: #c59a46;
        font-size: 5.8667vw;
      }
    }
  }
}

footer {
  z-index: 999;
  display: flex;
  justify-content: space-around;
  //   justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  bottom: 0;
  border-top: 0.2667vw solid rgba(0, 0, 0, 0.33);
  width: 100%;
  height: 13.3333vw;
  background-color: #fff;
  a {
    text-align: center;
    .iconfont {
      font-size: 5.8667vw;
    }
    p {
      font-size: 2.6667vw;
    }
    &:nth-child(4) {
      color: #fa2209;
    }
  }
}
.box {
  display: flex;

  height: 41.0667vw;
  width: 100%;
  padding: 8vw 0;
  background-color: #fff;
  .left {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 60.2667vw;
    height: 25.0667vw;
    // background-color: pink;
    text-align: center;
    div {
      span {
        display: block;
        color: #fa2209;
        margin-bottom: 4.8vw;
        font-size: 6.6667vw;
      }
      p {
        line-height: 5.0667vw;
      }
    }
  }
  .folt {
    flex: 1;
    // background-color: skyblue;
    text-align: center;
    margin-top: 3.7333vw;
    .iconfont {
      color: #545454;
      font-size: 8.5333vw;
    }
    p {
      line-height: 12.0667vw;
    }
  }
}
.mask {
  width: 93.8667vw;
  height: 29.6vw;
  background-color: #fff;
  display: flex;
  margin: 3.7333vw auto 3.7333vw auto;
  padding-top: 7.2vw;
  width: 94%;
  box-shadow: 0 0.2667vw 0.8vw 0 rgb(0 0 0 / 5%);
  font-size: 22px;
  border-radius: 3px;
  a {
    width: 25%;
    text-align: center;
    .iconfont {
      font-size: 8.5333vw;
    }
    p {
      margin-top: 4.3333vw;
      font-size: 5.3333vw;
      color: #545454;
    }
  }
}
.nav {
  margin: 4.2667vw auto;
  padding: 4.2667vw 0;
  width: 94%;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 5%);
  border-radius: 3px;
  background: #fff;
  margin-bottom: 18.6667vw;
  .lol {
    padding-left: 17px;
    margin-bottom: 14px;
    font-size: 22px;
  }
  .main {
    display: flex;
    flex-wrap: wrap;
    a {
      width: 25%;
      height: 23.7333vw;
      text-align: center;
      padding-top: 2.6667vw;
      .iconfont {
        color: #ff3800;
        font-size: 8.5333vw;
      }
      p {
        margin-top: 2.6667vw;
        font-size: 20px;
        color: #545454;
        // margin-right: 7px;
      }
    }
  }
}
